function banner(){
    var i = 0;
    var timer = null;
    $('.dot a').first().addClass('curr'); //给第一个圆点添加样式
    var firstimg = $('.pic .dev').first().clone(); //复制第一张图片
    $('.pic').append(firstimg).width($('.pic .dev').length * ($('.pic .dev img').width()));
    //第一张图片放到最后一张图片后，设置ul的宽度为图片张数*图片宽度

    //鼠标划入圆点
    $('.dot a').mouseover(function () {
        var _index = $(this).index();
        $('.pic').stop().animate({ left: -_index * 770 }, 400);
        $('.dot a').eq(_index).addClass('curr').siblings().removeClass('curr');
    })

    //定时器自动播放
    timer = setInterval(function () {
        i++;
        if (i == $('.pic .dev').length) {
            i = 1;
            $('.pic').css({ left: 0 });
        };

        $('.pic').stop().animate({ left: -i * 770 }, 400);
        if (i == $('.pic .dev').length - 1) {
            $('.dot a').eq(0).addClass('curr').siblings().removeClass('curr');
        } else {
            $('.dot a').eq(i).addClass('curr').siblings().removeClass('curr');
        }
    }, 3000)

    //鼠标移入，暂停自动播放，移出，开始自动播放
    $('.bottom-c').hover(function () {
        clearInterval(timer);
    }, function () {
        timer = setInterval(function () {
            i++;
            if (i == $('.pic .dev').length) {
                i = 1;
                $('.pic').css({ left: 0 });
            };

            $('.pic').stop().animate({ left: -i * 770 }, 400);
            if (i == $('.pic .dev').length - 1) {
                $('.dot a').eq(0).addClass('curr').siblings().removeClass('curr');
            } else {
                $('.dot a').eq(i).addClass('curr').siblings().removeClass('curr');
            }
        }, 3000)
    })
}

module.exports = {
    banner
}